﻿<!DOCTYPE html>
<html>
  <head>
    <title>全部商品详情页的优化</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/全部商品详情页的优化/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/全部商品详情页的优化/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u8043" class="ax_default box_1">
        <div id="u8043_div" class=""></div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u8044" class="ax_default ellipse">
        <img id="u8044_img" class="img " src="images/020_____-demo/u795.png"/>
        <div id="u8044_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8045" class="ax_default heading_1">
        <div id="u8045_div" class=""></div>
        <div id="u8045_text" class="text ">
          <p><span>1、详情页的右下方悬浮按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u8046" class="ax_default ellipse">
        <img id="u8046_img" class="img " src="images/020_____-demo/u795.png"/>
        <div id="u8046_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) [footnote] -->
      <div id="u8046_ann" class="annotation"></div>

      <!-- Unnamed (Ellipse) -->
      <div id="u8047" class="ax_default ellipse">
        <img id="u8047_img" class="img " src="images/020_____-demo/u797.png"/>
        <div id="u8047_text" class="text ">
          <p><span>个人中心</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) [footnote] -->
      <div id="u8047_ann" class="annotation"></div>

      <!-- Unnamed (Ellipse) -->
      <div id="u8048" class="ax_default ellipse">
        <img id="u8048_img" class="img " src="images/020_____-demo/u797.png"/>
        <div id="u8048_text" class="text ">
          <p><span>特约店客服</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) [footnote] -->
      <div id="u8048_ann" class="annotation"></div>

      <!-- Unnamed (Ellipse) -->
      <div id="u8049" class="ax_default ellipse">
        <img id="u8049_img" class="img " src="images/020_____-demo/u797.png"/>
        <div id="u8049_text" class="text ">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) [footnote] -->
      <div id="u8049_ann" class="annotation"></div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u8050" class="ax_default arrow">
        <img id="u8050_img" class="img " src="images/全部商品详情页的优化/u8050.png"/>
        <div id="u8050_text" class="text ">
          <p><span>点击后弹出</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8051" class="ax_default heading_1">
        <div id="u8051_div" class=""></div>
        <div id="u8051_text" class="text ">
          <p><span>2、详情页的门店选择下拉框优化</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8052" class="ax_default image">
        <img id="u8052_img" class="img " src="images/全部商品详情页的优化/u8052.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8053" class="ax_default box_1">
        <div id="u8053_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8054" class="ax_default label">
        <div id="u8054_div" class=""></div>
        <div id="u8054_text" class="text ">
          <p><span>取消</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8055" class="ax_default label">
        <div id="u8055_div" class=""></div>
        <div id="u8055_text" class="text ">
          <p><span>确认</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8056" class="ax_default label">
        <div id="u8056_div" class=""></div>
        <div id="u8056_text" class="text ">
          <p><span>选择预定特约店</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8057" class="ax_default label">
        <div id="u8057_div" class=""></div>
        <div id="u8057_text" class="text ">
          <p><span>广汽本田广本一店</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8058" class="ax_default label">
        <div id="u8058_div" class=""></div>
        <div id="u8058_text" class="text ">
          <p><span>广东省广州市天河区天源路350号</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u8059" class="ax_default line">
        <img id="u8059_img" class="img " src="images/全部商品详情页的优化/u8059.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8060" class="ax_default label">
        <div id="u8060_div" class=""></div>
        <div id="u8060_text" class="text ">
          <p><span>广汽本田广本一店</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8061" class="ax_default label">
        <div id="u8061_div" class=""></div>
        <div id="u8061_text" class="text ">
          <p><span>广东省广州市天河区天源路350号</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8062" class="ax_default label">
        <div id="u8062_div" class=""></div>
        <div id="u8062_text" class="text ">
          <p><span>广汽本田广本一店</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8063" class="ax_default label">
        <div id="u8063_div" class=""></div>
        <div id="u8063_text" class="text ">
          <p><span>广东省广州市天河区天源路350号</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u8064" class="ax_default line">
        <img id="u8064_img" class="img " src="images/全部商品详情页的优化/u8059.png"/>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u8065" class="ax_default arrow">
        <img id="u8065_img" class="img " src="images/全部商品详情页的优化/u8065.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8066" class="ax_default sticky_3">
        <div id="u8066_div" class=""></div>
        <div id="u8066_text" class="text ">
          <p><span>本页优化，适用于020活动，直销活动，有奖活动，租赁业务的活动详情页。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8067" class="ax_default sticky_3">
        <div id="u8067_div" class=""></div>
        <div id="u8067_text" class="text ">
          <p><span>初始化为一个导航按钮，点击后弹出额外四个，再次点击，弹出的三个按钮重新隐藏。</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u8068" class="ax_default ellipse">
        <img id="u8068_img" class="img " src="images/020_____-demo/u797.png"/>
        <div id="u8068_text" class="text ">
          <p><span>广汽汇理金融图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) [footnote] -->
      <div id="u8068_ann" class="annotation"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8069" class="ax_default box_1">
        <div id="u8069_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8070" class="ax_default box_1">
        <div id="u8070_div" class=""></div>
        <div id="u8070_text" class="text ">
          <p><span>广汽汇理贷款预审批</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8071" class="ax_default primary_button">
        <div id="u8071_div" class=""></div>
        <div id="u8071_text" class="text ">
          <p><span>提交</span></p>
        </div>
      </div>

      <!-- Unnamed (Vertical Line) -->
      <div id="u8072" class="ax_default arrow">
        <img id="u8072_img" class="img " src="images/商城首页19-6/u1689.png"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8073" class="ax_default" data-left="678" data-top="799" data-width="257" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u8074" class="ax_default label">
          <div id="u8074_div" class=""></div>
          <div id="u8074_text" class="text ">
            <p><span>购车城市</span></p>
          </div>
        </div>

        <!-- Unnamed (Droplist) -->
        <div id="u8075" class="ax_default droplist">
          <select id="u8075_input">
            <option value="请选择">请选择</option>
          </select>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8076" class="ax_default" data-left="678" data-top="842" data-width="266" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u8077" class="ax_default label">
          <div id="u8077_div" class=""></div>
          <div id="u8077_text" class="text ">
            <p><span>意向特约店</span></p>
          </div>
        </div>

        <!-- Unnamed (Droplist) -->
        <div id="u8078" class="ax_default droplist">
          <select id="u8078_input">
            <option value="请选择">请选择</option>
          </select>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8079" class="ax_default" data-left="678" data-top="242" data-width="257" data-height="25">

        <!-- Unnamed (Text Field) -->
        <div id="u8080" class="ax_default text_field">
          <input id="u8080_input" type="text" value=""/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8081" class="ax_default label">
          <div id="u8081_div" class=""></div>
          <div id="u8081_text" class="text ">
            <p><span>姓名</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8082" class="ax_default" data-left="678" data-top="284" data-width="257" data-height="25">

        <!-- Unnamed (Text Field) -->
        <div id="u8083" class="ax_default text_field">
          <input id="u8083_input" type="text" value=""/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8084" class="ax_default label">
          <div id="u8084_div" class=""></div>
          <div id="u8084_text" class="text ">
            <p><span>身份证号码</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Checkbox) -->
      <div id="u8085" class="ax_default checkbox">
        <label for="u8085_input" style="position: absolute; left: 0px;">
          <div id="u8085_text" class="text ">
            <p><span>知晓并同意《广汽汇理线上审批条款》，放款额度以及放款时间以最终到店审核为准</span></p>
          </div>
        </label>
        <input id="u8085_input" type="checkbox" value="checkbox"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8086" class="ax_default" data-left="678" data-top="723" data-width="257" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u8087" class="ax_default label">
          <div id="u8087_div" class=""></div>
          <div id="u8087_text" class="text ">
            <p><span>车型选择</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) [footnote] -->
        <div id="u8087_ann" class="annotation"></div>

        <!-- Unnamed (Droplist) -->
        <div id="u8088" class="ax_default droplist">
          <select id="u8088_input">
            <option value="请选择">请选择</option>
          </select>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8089" class="ax_default" data-left="678" data-top="755" data-width="266" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u8090" class="ax_default label">
          <div id="u8090_div" class=""></div>
          <div id="u8090_text" class="text ">
            <p><span>版本选择*</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) [footnote] -->
        <div id="u8090_ann" class="annotation"></div>

        <!-- Unnamed (Droplist) -->
        <div id="u8091" class="ax_default droplist">
          <select id="u8091_input">
            <option value="请选择">请选择</option>
          </select>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8092" class="ax_default" data-left="678" data-top="494" data-width="266" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u8093" class="ax_default label">
          <div id="u8093_div" class=""></div>
          <div id="u8093_text" class="text ">
            <p><span>税后月收入</span></p>
          </div>
        </div>

        <!-- Unnamed (Droplist) -->
        <div id="u8094" class="ax_default droplist">
          <select id="u8094_input">
            <option value="请选择">请选择</option>
          </select>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8095" class="ax_default" data-left="678" data-top="410" data-width="275" data-height="25">

        <!-- Unnamed (Text Field) -->
        <div id="u8096" class="ax_default text_field">
          <input id="u8096_input" type="text" value=""/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8097" class="ax_default label">
          <div id="u8097_div" class=""></div>
          <div id="u8097_text" class="text ">
            <p><span>工作单位名称</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8098" class="ax_default" data-left="678" data-top="535" data-width="271" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u8099" class="ax_default label">
          <div id="u8099_div" class=""></div>
          <div id="u8099_text" class="text ">
            <p><span>房产信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Droplist) -->
        <div id="u8100" class="ax_default droplist">
          <select id="u8100_input">
            <option value="请选择">请选择</option>
          </select>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8101" class="ax_default" data-left="678" data-top="924" data-width="257" data-height="25">

        <!-- Unnamed (Text Field) -->
        <div id="u8102" class="ax_default text_field">
          <input id="u8102_input" type="text" value=""/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8103" class="ax_default label">
          <div id="u8103_div" class=""></div>
          <div id="u8103_text" class="text ">
            <p><span>成交价</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) [footnote] -->
        <div id="u8103_ann" class="annotation"></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8104" class="ax_default" data-left="678" data-top="454" data-width="257" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u8105" class="ax_default label">
          <div id="u8105_div" class=""></div>
          <div id="u8105_text" class="text ">
            <p><span>职业类型</span></p>
          </div>
        </div>

        <!-- Unnamed (Droplist) -->
        <div id="u8106" class="ax_default droplist">
          <select id="u8106_input">
            <option value="请选择">请选择</option>
          </select>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8107" class="ax_default" data-left="678" data-top="575" data-width="263" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u8108" class="ax_default label">
          <div id="u8108_div" class=""></div>
          <div id="u8108_text" class="text ">
            <p><span>是否有信用卡</span></p>
          </div>
        </div>

        <!-- Unnamed (Droplist) -->
        <div id="u8109" class="ax_default droplist">
          <select id="u8109_input">
            <option value="请选择">请选择</option>
          </select>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8110" class="ax_default" data-left="678" data-top="607" data-width="266" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u8111" class="ax_default label">
          <div id="u8111_div" class=""></div>
          <div id="u8111_text" class="text ">
            <p><span>近半年内有无逾期</span></p>
          </div>
        </div>

        <!-- Unnamed (Droplist) -->
        <div id="u8112" class="ax_default droplist">
          <select id="u8112_input">
            <option value="请选择">请选择</option>
          </select>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8113" class="ax_default label">
        <div id="u8113_div" class=""></div>
        <div id="u8113_text" class="text ">
          <p><span>客户信息</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8114" class="ax_default button">
        <div id="u8114_div" class=""></div>
        <div id="u8114_text" class="text ">
          <p><span>发送短信验证码</span></p>
        </div>
      </div>

      <!-- Unnamed (Text Field) -->
      <div id="u8115" class="ax_default text_field">
        <input id="u8115_input" type="text" value=""/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8116" class="ax_default label">
        <div id="u8116_div" class=""></div>
        <div id="u8116_text" class="text ">
          <p><span>车辆信息</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8117" class="ax_default label">
        <div id="u8117_div" class=""></div>
        <div id="u8117_text" class="text ">
          <p><span>制造商</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8118" class="ax_default label">
        <div id="u8118_div" class=""></div>
        <div id="u8118_text" class="text ">
          <p><span>广汽本田</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8119" class="ax_default" data-left="678" data-top="959" data-width="257" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u8120" class="ax_default label">
          <div id="u8120_div" class=""></div>
          <div id="u8120_text" class="text ">
            <p><span>首付比例</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) [footnote] -->
        <div id="u8120_ann" class="annotation"></div>

        <!-- Unnamed (Droplist) -->
        <div id="u8121" class="ax_default droplist">
          <select id="u8121_input">
            <option value="请选择">请选择</option>
          </select>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8122" class="ax_default" data-left="678" data-top="995" data-width="257" data-height="25">

        <!-- Unnamed (Text Field) -->
        <div id="u8123" class="ax_default text_field">
          <input id="u8123_input" type="text" value=""/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u8124" class="ax_default label">
          <div id="u8124_div" class=""></div>
          <div id="u8124_text" class="text ">
            <p><span>贷款金额</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8125" class="ax_default" data-left="678" data-top="882" data-width="266" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u8126" class="ax_default label">
          <div id="u8126_div" class=""></div>
          <div id="u8126_text" class="text ">
            <p><span>上牌指标</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) [footnote] -->
        <div id="u8126_ann" class="annotation"></div>

        <!-- Unnamed (Droplist) -->
        <div id="u8127" class="ax_default droplist">
          <select id="u8127_input">
            <option value="请选择">请选择</option>
          </select>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u8128" class="ax_default line">
        <img id="u8128_img" class="img " src="images/商城首页19-6/u1750.png"/>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u8129" class="ax_default line">
        <img id="u8129_img" class="img " src="images/商城首页19-6/u1750.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8130" class="ax_default image">
        <img id="u8130_img" class="img " src="images/020_____-demo/u780.png"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8131" class="ax_default" data-left="1147" data-top="621" data-width="699" data-height="515">

        <!-- Unnamed (Rectangle) -->
        <div id="u8132" class="ax_default box_1">
          <div id="u8132_div" class=""></div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u8133" class="ax_default image">
          <img id="u8133_img" class="img " src="images/商城首页19-6/u1755.png"/>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u8134" class="ax_default image">
          <img id="u8134_img" class="img " src="images/020_____-demo/u780.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8135" class="ax_default sticky_3">
        <div id="u8135_div" class=""></div>
        <div id="u8135_text" class="text ">
          <p><span>UI页面我们设计，数据接口形式返回</span></p>
        </div>
      </div>

      <!-- Unnamed (Vertical Line) -->
      <div id="u8136" class="ax_default arrow">
        <img id="u8136_img" class="img " src="images/商城首页19-6/u1758.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8137" class="ax_default label">
        <div id="u8137_div" class=""></div>
        <div id="u8137_text" class="text ">
          <p><span>成交提交即可实时获取贷款额度</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u8138" class="ax_default" data-left="678" data-top="319" data-width="250" data-height="25">

        <!-- Unnamed (Rectangle) -->
        <div id="u8139" class="ax_default label">
          <div id="u8139_div" class=""></div>
          <div id="u8139_text" class="text ">
            <p><span>手机号码</span></p>
          </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u8140" class="ax_default text_field">
          <input id="u8140_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8141" class="ax_default sticky_3">
        <div id="u8141_div" class=""></div>
        <div id="u8141_text" class="text ">
          <p><span>沿用广汽汇理落地页的规则：是否已经登录，影响手机号码是否已经填写，短信或图形验证码显示，提交失败，提交成功等。</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u8142" class="ax_default ellipse">
        <img id="u8142_img" class="img " src="images/020_____-demo/u797.png"/>
        <div id="u8142_text" class="text ">
          <p><span>VR展厅</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) [footnote] -->
      <div id="u8142_ann" class="annotation"></div>
    </div>
  </body>
</html>
